<!--
  Generated template for the ButtonPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>button</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
    <p>基本按钮</p>
    <button ion-button >clicik  me</button>
    <button ion-button color="light">button</button>
    <button ion-button color="secondary">button</button>
    <button ion-button color="danger">button</button>
    <button ion-button color="dark">button</button>
    <p>外边框按钮</p>
    <button outline ion-button color="light">button</button>
    <p>无边框按钮</p>
    <button clear ion-button >clicik  me</button>
    <p>圆角按钮</p>
    <button round ion-button >clicik  me</button>
    <p>块级按钮</p>
    <button block ion-button >clicik  me</button>
  <p>块级非圆角按钮</p>
  <button full ion-button >clicik  me</button>
  <p>按钮大小</p>
  <button small ion-button>button</button>
  <button large ion-button>button</button>
  <p>图标按钮</p>
  <button ion-button>
    <ion-icon name="home"></ion-icon>
    icon button
  </button>
  <button ion-button>
    icon button
    <ion-icon name="american-football"></ion-icon>
  </button>
  <button ion-button>
    icon button
    <ion-icon name="appstore"></ion-icon>
  </button>




</ion-content>
